/* ------------------------------------------------------ 16:9(标准屏安卓、18:9的浏览器、iphone5/6/7/8，默认css) ------------------------------------------------------*/
.container{transform:translate3d(0,0,0);}
.content{width:100%;height:100%;position:relative;margin:0px;padding:0px;overflow: hidden;background-repeat: no-repeat;background-position:center center;background-size: cover;transform:translate3d(0,0,0)}



/*---------------------------------------- 14:9(15:9的浏览器)----------------------*/
@media screen and (device-width:360px) and (min-height:480px) and (max-height:500px){
	
}

/*------------------------------------ 15:9（标准屏+虚拟SYSTEM BAR安卓的微信、16:9的浏览器 、iphone5/6/7/8的微信底部有历史工具条/浏览器）--------------------*/
@media screen and (device-width: 360px) and (min-height: 520px) and (max-height: 540px), screen and (device-width: 320px) and (min-height: 460px) and (max-height: 470px), screen and (device-width: 375px) and (min-height: 550px) and (max-height: 560px), screen and (device-width: 414px) and (min-height: 620px) and (max-height: 630px){
	
}




/*---------------------------------------- 安卓系列----------------------*/
@media screen and (device-width: 360px), screen and (device-width: 393px){
	
}

/*---------------------------------------- iphone系列 ----------------------------------------------*/
@media screen and (device-width: 320px), screen and (device-width: 375px), screen and (device-width: 414px){
.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}


/*---------------------------------------- 19:9(刘海屏安卓的微信、iphoneX的微信)----------------------*/
@media screen and (device-width: 360px) and (min-height: 660px), screen and (device-width: 375px) and (min-height: 720px){
	.items{width:100%;height:auto;position:relative;margin:0px 0px 15px 0px;padding:0px;overflow:hidden;}
}
/*------------------------------------- 18:9（全面屏安卓的微信 、iphoneX的微信底部有历史工具条/浏览器）------------------*/
@media screen and (device-width: 360px) and (min-height: 600px), screen and (device-width: 393px) and (min-height: 660px), screen and (device-width: 375px) and (min-height: 630px){
	.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}


@media screen and (max-height:850px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 20px 0px;padding:0px;overflow:hidden;}
}

@media screen and (max-height:700px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}
@media screen and (width:360px) and (max-height:700px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 20px 0px;padding:0px;overflow:hidden;}
}

	
@media screen and (max-height:610px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}
@media screen and (width:360px) and (max-height:610px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 10px 0px;padding:0px;overflow:hidden;}
}

@media screen and (max-height:550px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 5px 0px;padding:0px;overflow:hidden;}
}
@media screen and (width:360px) and (max-height:550px){
	
	.items{width:100%;height:auto;position:relative;margin:0px 0px 5px 0px;padding:0px;overflow:hidden;}
}
@media screen and (max-height:520px){
	.items{width:100%;height:auto;position:relative;margin:0px 0px 5px 0px;padding:0px;overflow:hidden;}
}
.gamebox{
	width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;transform:translate3d(0,0,0);display:none;
}
/* .floor{transition: opacity 0.05s;} */
.floorbg{display:block;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate3d(0,0,0);z-index:0;}
.animal{width:81px;height:110px;position:absolute;bottom:25%;left:50%;transform: translate3d(-50% , 0,0);}
.gifbox{width:50px;height:50px;position:absolute;top:100px;left:-500px;overflow:hidden;overflow:hidden;transform:translate3d(-50,-100%,0);}
.animalItem{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
.startbox{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
.startBtn{width:2.7rem;height:1.2rem;position:absolute;top:65%;left:50%;background:url(../images/startbtn.png) no-repeat center;background-size:100% 100%;font-size:0.3rem;line-height:0.6rem;text-align:center;color:#ffffff;border-radius:0.2rem;transform: translate3d(-50%,-50%,0);}

.daojishi{display:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background:rgba(0,0,0,0.6);z-index:1004;}
.daojishitxt{width:1.5rem;height:2.21rem;position:absolute;top:50%;left:50%;overflow:hidden;transform: translate3d(-50%,-50%,0);}
.djsnum{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}


.zaw{display:block;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate3d(0,0,0);z-index:101;}
.money{display:block;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate3d(0,0,0);z-index:100;}

.replaybox{width:5.42rem;height:10.35rem;position:absolute;top:49%;left:50%;transform:translate3d(-50%,-50%,0);background:url(../images/replayBg2.png?v=3) no-repeat center;background-size:100% 100%;overflow:hidden;}
.showUserHeaderimgbox2{width:1.8rem;height:1.8rem;position:absolute;left:50%;top:0rem;transform: translate3d(-50%,0,0);overflow:hidden;border-radius:50%;border:0.1rem solid #fafc3f;}
.showUserHeaderimgbox2 img{display:block;width:100%;height:100%;margin:0;padding:0;}
.replay{display:block;width:4.88rem;height:0.9rem;position:absolute;left:0.2rem;bottom:1.5rem;}
.replayShowphb{display:block;width:4.88rem;height:.9rem;position:absolute;left:0.2rem;bottom:0.5rem;}
.scorebox2{min-width:2rem;position:absolute;left:50%;top:2.25rem;overflow:hidden;font-size:0.6rem;color:#ffffff;line-height:1rem;padding:0.05rem 0.2rem;transform:translate3d(-50%,0,0);text-align:center;}
.playendTxt1{width:4.60rem;height:auto;position:absolute;left:0.64rem;top:3.8rem;text-align:center;color:#ffffff;font-size:0.35rem;font-weight:bold;}
.playendTxt2{width:4.60rem;height:auto;position:absolute;left:0.64rem;top:4.37rem;text-align:center;color:#ffffff;font-size:0.25rem;line-height:0.36rem;}
.playendTxt3{width:4rem;height:auto;position:absolute;left:0.94rem;top:5.7rem;text-align:center;color:#fbfc3e;font-size:0.25rem;line-height:0.36rem;padding:0.15rem 0.1rem;border:2px dashed #ffffff;border-radius:0.2rem;overflow:hidden;}

.newrecordbox{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background:rgba(0,0,0,0.6);z-index:1001}
.sharefloat{display:none;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);z-index:1500;color:#ffffff;}
.sharefloat img{display:block;width:100%;height:auto; }

.innewrecordbox{width:100%;height:7.55rem;position:absolute;top:50%;left:50%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:url(../images/newRecord.png) no-repeat center;background-size:100% 100%;}
.headerbox{width:1.6rem;height:1.6rem;position:absolute;top:0.32rem;left:50%;border-radius:50%;overflow:hidden;transform:translate3d(-50%,0,0)}
.headerbox img{display:block;width:100%;height:100%;}
.newRecordNum{width:80%;height:auto;position:absolute;top:57%;left:10%;text-align:center;overflow:hidden;font-size:0.8rem;color:#ffffff;font-weight:bold;}

.sharebtn{width:50%;height:1rem;position:absolute;left:0;bottom:.4rem;}
.rplaybtn{width:50%;height:1rem;position:absolute;right:0;bottom:.4rem;}

img.zhibojian{display:block;width:0.91rem;height:1.14rem;position:absolute;top:0.5rem;left:0.3rem;z-index:1002;}
.bgmbox{display:block;width:0.91rem;height:1.18rem;position:absolute;top:1.84rem;left:0.3rem;z-index:1002;}
.bgmbox img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}

img.paihangbang{display:block;width:0.91rem;height:1.14rem;position:absolute;top:0.5rem;right:0.3rem;z-index:1002;}
img.gonggao{display:block;width:0.91rem;height:1.14rem;position:absolute;top:1.84rem;right:0.3rem;z-index:1002;}
img.wodezhandui{display:block;width:0.91rem;height:1.14rem;position:absolute;top:3.18rem;right:0.3rem;z-index:1002;}

.loginbox{width:100%;height:100%;position:absolute;top:0;left:0;background:#ffffff;overflow:hidden;z-index:2000;}
.loginbg{display:block;width:100%;height:auto;position:relative;margin:0;padding:0;}
.showUserHeaderimgbox{width:2rem;height:2rem;position:absolute;left:50%;top:1.75rem;transform: translate3d(-50%,0,0);overflow:hidden;border-radius:50%;border:0.1rem solid #fafc3f;}
.showUserHeaderimgbox img{display:block;width:100%;height:100%;margin:0;padding:0;}
.loginusername{width:90%;height:auto;position:absolute;top:4rem;left:5%;text-align:center;font-size:0.45rem;font-weight:bold;color:#fddb4b;}


.inputbox{width:5.86rem;height:4.65rem;position:relative;margin:0 auto;padding:0;overflow:hidden;background:url(../images/inputbg.png) no-repeat center;background-size:100% 100%;}

input.inputnumber{display:block;width:4.5rem;height:0.7rem;position:absolute;top:0.63rem;left:0.9rem;border:none;background:#ffffff;font-size:0.3rem;color:#000000;}
input.inputtext{display:block;width:2.8rem;height:0.7rem;position:absolute;top:2rem;left:0.9rem;border:none;background:#ffffff;font-size:0.3rem;color:#000000;}
input.inputsty::-webkit-input-placeholder { 
color: #999; 
-webkit-transition: color.5s; 
} 
.xieyibtn{width:4rem;height:0.3rem;position:absolute;bottom:0;left:1rem;}
img.loginbgn{width:100%;height:auto;position:absolute;left:0;bottom:0.5rem;}
.xieyibox{display:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background:#ffffff;}
.xieyioutbox{display:block;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background:#ffffff;}
.scrollxieyibox{width:100%;height:auto;position:relative;margin:0;padding:0;overflow:hidden;}
.scrollxieyibox img{display:block;width:100%;height:auto;margin:0;padding:0;}
 
.sendActive{color:#cccccc;}
.loaddatabox{display:none;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);z-index:2001;}
.loaddatabox img{display:block;width:20%;height:auto;position:absolute;top:50%;left:50%;transform: translate3d(-50%,-50%,0);}

.zhibojianbox{display:none;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);z-index:1003;overflow:hidden;}
.zhibojianpicbox{width:4.98rem;height:auto;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate3d(-50%,-50%,0);}
img.zhibojianpic{display:block;width:100%;height:auto;position:relative;margin:0;padding:0;margin-bottom:0.5rem;}
.zhibojianback{display:block;width:2.24rem;height:auto;position:relative;margin:0 auto;padding:0;}
.logo{display:block;width:100%;height:auto;position:absolute;top:4px;left:0;z-index:1002;}
.logo-t1{display:block;width:5.01rem;height:auto;position:absolute;top:2.2rem;left:0.38rem;}
.scorebox{width:3.8rem;height:1rem;position:absolute;top:1.6rem;left:50%;background:url(../images/scorebg.png) no-repeat center center;background-size:100% 100%;text-align:center;font-size:0.4rem;color:#000000;font-weight:bold;line-height:1rem;transform: translateX(-50%);}
.gonggaobox{width:100%;height:100%;position:absolute;top:0;left:0;background:#00afff;overflow:hidden;z-index:1102;}
.bordersty{position:absolute;top:-1px;}

img.gonggaoLogo{position:absolute;top:-1px;display:block;width:100%;}
.closegonggao{position:absolute;}
img.closereplaybox{display:block;width:0.5rem;height:0.5rem;position:absolute;top:0.26rem;right:0.6rem;}
img.gonggaoBotm{display:block;width:100%;position:absolute;bottom:-1px;left:0;}

.ggbox01{width:100%;position:absolute;left:0;top:2rem;text-align:center;overflow:hidden;}
img.ggpic{display:block;width:100%;position:relative;margin:0 auto;padding:0;}
.ggbox02{position:absolute;background:#ffffff;text-align:center;overflow:hidden;}
.ggscrollbox{width:100%;position:absolute;overflow:hidden;}
.ggscrollbox2{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
.ggcontentbox{width:100%;height:auto;position:relative;margin:0;padding:0;overflow:hidden;}
.ggcontentbox img{display:block;width:100%;height:auto;margin:0;padding:0;}



.paihangbangbox{width:100%;height:100%;position:absolute;top:0;left:0;background:url(../images/phbbg.jpg) no-repeat center;background-size:100% 100%;z-index:1002;}
.paihangbangtitle{display:block;width:100%;height:2.75rem;position:absolute;top:0;left:0;background:url(../images/paihangbangtitle.png) no-repeat center;background-size:100% 100%;}
img.backphb{display:block;width:0.85rem;height:0.85rem;position:absolute;top:0.42rem;left:0.4rem;}
.phbbox1{width:100%;position:absolute;top:1.1rem;left:0;bottom:0.33rem;right:0.33rem;}
.phbboxbg{width:100%;position:absolute;top:0.954rem;bottom:0;height:92%;background:url(../images/phbbg-t1.png) no-repeat center;background-size:100% 100%;}
.tabbox{width:100%;height:0.95rem;position:absolute;top:0;left:0;overflow:hidden;}
.tableft1{width:50%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
.tabright1{width:50%;height:100%;position:absolute;top:0;right:0;overflow:hidden;}
.tab1bg{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
img.txt1{display:block;width:100%;position:absolute;top:1.52rem;left:0;}
.msgbox{width:100%;height:1.48rem;position:absolute;top:2.1rem;left:0;}

.joinGroup{width:100%;height:1.39rem;position:absolute;top:0;left:0;background:url(../images/createGroup.png) no-repeat center top;background-size:100% 100%;}

.mymsgbox{width:100%;height:1.48rem;position:absolute;top:0;left:0;}
.groupmsgbox{width:100%;height:1.48rem;position:absolute;top:0;left:0;}
.myphmsg{width:100%;height:1.48rem;position:absolute;top:0;left:0;background:url(../images/myGroupBg.png) no-repeat center top;background-size:100% 100%;}
.mygroupbox{width:100%;height:1.48rem;position:absolute;top:0;left:0;background:url(../images/myGroupBg.png) no-repeat center top;background-size:100% 100%;}

.myLayer{width:0.7rem;height:100%;line-height:1.39rem;text-align:center;position:absolute;top:0rem;left:0.1rem;font-size:0.5rem;font-weight:bold;color:#1b84d7;}
.gourpHeaderbox .myLayer{left:0;}
.gourpHeaderbox{width:1.5rem;height:1.5rem;position:absolute;top:-0.2rem;left:0.72rem;background:url(../images/avatar-t1.png) no-repeat center top;background-size:100% 100%;}
.noshangbang{display:block;width:2.2rem;height:auto;position:absolute;left:2rem;bottom:0.1rem;}
.groupHeader{border-radius:50%;overflow:hidden;}
.groupHeader img, .listUserheaderbox3 img{display:block;width:100%;height:100%;overflow:hidden;}
.groupHeader1-1{display:block;width:1.1rem;height:1.1rem;position:absolute;top:0.18rem;left:0.18rem;}

.groupHeaderno1-1{display:block;width:1rem;height:1rem;position:absolute;top:0.2rem;left:0.5rem;}

.groupHeader2-1{display:block;width:0.6rem;height:0.6rem;position:absolute;top:0.3rem;left:0.1rem;}
.groupHeader2-2{display:block;width:0.6rem;height:0.6rem;position:absolute;top:0.3rem;left:0.4rem;}

.groupHeader3-1{display:block;width:0.6rem;height:0.6rem;position:absolute;top:0.1rem;left:1rem;}
.groupHeader3-2{display:block;width:0.6rem;height:0.6rem;position:absolute;top:0.6rem;left:1.2rem;}
.groupHeader3-3{display:block;width:0.6rem;height:0.6rem;position:absolute;top:0.6rem;left:0.8rem;}

.layerName0{width:2.2rem;height:1.39rem;position:absolute;top:0rem;left:2.1rem;font-size:0.24rem;text-align:center;line-height:1.3rem;color:#ffffff;font-weight:bold;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.layerScore0{text-align:center;height:1.39rem;width:1rem;position:absolute;top:0;left:4.24rem;font-size:0.24rem;line-height:1.3rem;color:#ffffff;font-weight:bold;}
img.iconjp0{display:block;width:0.68rem;height:0.9rem;position:absolute;right:0.95rem;top:0.28rem;}


.listbox{width: 100%;position: absolute;top: 3.59rem;left: 0rem;bottom:0.7rem;overflow:hidden;}
.listItembox{width:100%;height:100%;position:relative;margin:0 auto;padding:0;overflow:hidden;}
.listItemscrolbox{width:100%;height:100%;position:relative;margin:0;padding:0;overflow:hidden;}
.grScrollbox{width:100%;height:100%;position:relative;margin:0;padding:0;overflow:hidden;}
.groupScrollbox{width:100%;height:100%;position:relative;margin:0;padding:0;overflow:hidden;}
ul.listUlbox{width:100%;height:auto;position:relative;margin:0;padding:0 0 0.3rem 0;list-style-type:none;}
ul.listUlbox li.listItem{width:100%;height:1.48rem;position:relative;margin:0.4rem 0 0.4rem 0;padding:0;background-image:url(../images/myGroupBg2.png);background-size:100% 100%;}

.listUserheaderbox3{width:1.5rem;height:1.5rem;position:absolute;top:-0.2rem;left:0.72rem;background:url(../images/avatar-t2.png) no-repeat center top;background-size:100% 100%;}
.line-1{width:100%;position:absolute;left:0;bottom: .5rem;}


.listUserheaderbox3-1-1{width:0.75rem;height:0.75rem;position:absolute;top:0.1rem;left:0.3rem;overflow:hidden;border-radius:50%;}
.listUserheaderbox3-1-1 img{display:block;width:100%;height:100%;}

.listUserheaderbox3-2-1{width:0.55rem;height:0.55rem;position:absolute;top:0.2rem;left:0.3rem;overflow:hidden;border-radius:50%;}
.listUserheaderbox3-2-1 img{display:block;width:100%;height:100%;}
.listUserheaderbox3-2-2{width:0.55rem;height:0.55rem;position:absolute;top:0.2rem;left:0.65rem;overflow:hidden;border-radius:50%;}
.listUserheaderbox3-2-2 img{display:block;width:100%;height:100%;}

.listUserheaderbox3-3-1{width:0.5rem;height:0.5rem;position:absolute;top:0.1rem;left:0.45rem;overflow:hidden;border-radius:50%;}
.listUserheaderbox3-3-1 img{display:block;width:100%;height:100%;}
.listUserheaderbox3-3-2{width:0.5rem;height:0.5rem;position:absolute;top:0.35rem;left:0.3rem;overflow:hidden;border-radius:50%;}
.listUserheaderbox3-3-2 img{display:block;width:100%;height:100%;}
.listUserheaderbox3-3-3{width:0.5rem;height:0.5rem;position:absolute;top:0.35rem;left:0.65rem;overflow:hidden;border-radius:50%;}
.listUserheaderbox3-3-3 img{display:block;width:100%;height:100%;}

img.layer123{display:block;width:0.7rem;height:0.6rem;position:absolute;top:-0.1rem;left:0;}


.listUserheaderbox{width:0.75rem;height:0.75rem;position:absolute;top:0.1rem;left:0.5rem;overflow:hidden;border-radius:50%;}
.listUserheaderbox img{display:block;width:100%;height:100%;}
.layernum{width:0.5rem;height:100%;position:absolute;top:0;left:0;line-height:0.96rem;font-size:0.3rem;font-weight:bold;text-align:center;color:#1b84d7;}




.layerName{width:2rem;height:1rem;position:absolute;top:0rem;left:1.5rem;font-size:0.3rem;text-align:center;line-height:0.9rem;color:#1b84d7;font-weight:bold;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.layerScore{height:1rem;position:absolute;top:0;left:4rem;font-size:0.3rem;line-height:0.9rem;color:#1b84d7;font-weight:bold;}
img.iconjp{display:block;width:0.68rem;height:0.9rem;position:absolute;right:0.1rem;top:0;}


.createGroupbox{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background:rgba(0,0,0,0.6);z-index:1410;}
.createGroup{width:5.04rem;height:3.68rem;position:absolute;top:50%;left:50%;background:url(../images/createGroupbg.png) no-repeat center;background-size:100% 100%;overflow:hidden;transform:translate3d(-50%,-50%,0);}

input.groupname{width:3rem;height:0.5rem;background:rgba(255,255,255,0.6);border-radius:0.45rem;position:absolute;top:1.4rem;left:1rem;overflow:hidden;box-sizing: border-box;color:#000000;font-size:0.25rem;padding:0 0.2rem;}
.qrcreatebtn{width:2.9rem;height:0.9rem;position:absolute;bottom:0.5rem;left:1.1rem;}

.createsuccessbox{width:4.94rem;height:5.76rem;position:absolute;top:50%;left:50%;background:url(../images/createGroupSuccessbg.png) no-repeat center;background-size:100% 100%;overflow:hidden;transform:translate3d(-50%,-50%,0);}

.cgroupUserheaderbox{width:1.2rem;height:1.2rem;position:absolute;overflow:hidden;border-radius:50%;background:#177cd5;border:2px solid #fafc3f;}
.cgroupUserheaderbox img{display:block;width:100%;height:100%;margin:0;paddin:0;}

.cgroupUserheader-1{top:2.1rem;left:0.6rem;}
.cgroupUserheader-2{top:2.1rem;left:1.9rem;}
.cgroupUserheader-3{top:2.1rem;left:3.2rem;}

.showsharefloatbtn{width:2.9rem;height:0.9rem;position:absolute;bottom:0.5rem;left:1rem;}
.closeCreategroupbox{width:1rem;height:1rem;position:absolute;top:0;right:0;}
.showGroupname{position:absolute;width:100%;height:0.5rem;top:1.9rem;left:0;text-align:center;}
.createsuccessbox .showGroupname{top:1.36rem;}

.inshowGroupname{display:inline-block;position:relative;height:0.5rem;margin:0 auto;padding:0;background:rgba(255,255,255,0.8);border-radius:0.45rem;padding:0 0.2rem;line-height:0.5rem;font-size:0.3rem;color:#fff21a;text-shadow: 1px 1px 3px #000000;}

.myzhandui{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background:url(../images/phbbg.jpg) no-repeat center;background-size:100% 100%;z-index:1400;}
.inmyzhanduibox{width:100%;height:auto;position:relative;margin:0;padding:0;overflow:hidden;}
.myzhanduititle{display:block;width:100%;height:1.3rem;position:relative;margin:0;padding:0;background:url(../images/wodezhanduiTItle.png) no-repeat center;background-size:100% 100%;margin-bottom:0.6rem;}
img.backwdzd{display:block;width:0.85rem;height:0.85rem;position:absolute;top:0.4rem;left:0.5rem;}
.nozhanduibox{width:6.5rem;height:auto;position:relative;margin:0 auto;padding:0.2rem 0;background:rgba(255,255,255,0.2);border-radius:0.1rem;}
.innozhanduibox{width:3.9rem;height:3.02rem;position:relative;margin:0 auto;padding:0;background:url(../images/cjzdbtn.png) no-repeat center center;background-size:100% 100%;}
.chuangjzdbtn{width:3rem;height:0.9rem;position:absolute;left:0.5rem;bottom:0.2rem;}

.myzhanduimsg{width:6.64rem;height:2.39rem;position:relative;margin:0 auto;margin-bottom:0.3rem;padding:0;background:url(../images/wodezhanduiBg1.png) no-repeat center center;background-size:100% 100%;overflow:hidden;}
.myzhanduiname{height:0.5rem;position:absolute;top:0.5rem;left:1.8rem;font-size:0.38rem;color:#ffffff;text-shadow:0px 0px 4px #024579;}
.myzdpaiming{height:0.5rem;position:absolute;top:1.3rem;left:1.8rem;font-size:0.35rem;color:#1b84d7;}
.myzdpaiming span{font-size:0.3rem;}

.myzdjifen{height:0.5rem;position:absolute;top:1.3rem;right:0.2rem;font-size:0.3rem;color:#1b84d7;}
.myzdjifen span{font-size:0.35rem;font-weight:bold;}

.rentoubox{width:1.8rem;height:2rem;position:absolute;top:0;left:0;}

.rentou1{width:1.2rem;height:1.2rem;position:absolute;top:0.35rem;left:0.35rem;overflow:hidden;border-radius:50%;}
.rentou img{display:block;width:100%;height:100%;margin:0;padding:0;}


.rentou2-1{width:0.8rem;height:0.8rem;position:absolute;top:0.55rem;left:0.2rem;overflow:hidden;border-radius:50%;}
.rentou2-2{width:0.8rem;height:0.8rem;position:absolute;top:0.55rem;left:0.8rem;overflow:hidden;border-radius:50%;}


.rentou3-1{width:0.8rem;height:0.8rem;position:absolute;top:0.35rem;left:0.5rem;overflow:hidden;border-radius:50%;}
.rentou3-2{width:0.8rem;height:0.8rem;position:absolute;top:0.9rem;left:0.2rem;overflow:hidden;border-radius:50%;}
.rentou3-3{width:0.8rem;height:0.8rem;position:absolute;top:0.9rem;left:0.8rem;overflow:hidden;border-radius:50%;}

.zhanduichengyuan{width:6.64rem;height:0.34rem;position:relative;margin:0 auto;padding:0;overflow:hidden;margin-bottom:0.25rem;color:#0c5b9a;font-size:0.32rem;line-height:0.34rem;font-weight:bold;text-align:left;}

.wodezdlist{width:6.64rem;height:auto;position:relative;margin:0 auto;padding:0.2rem 0.1rem 0 0.05rem;;overflow:hidden;background:#90cdfd;border-radius:0.1rem;box-sizing:border-box;}

ul.myzdlistUlbox{width:100%;height:auto;position:relative;margin:0;padding:0 0 0.1rem 0;list-style-type:none;}
ul.myzdlistUlbox li.myzdlistItem{width:100%;height:0.96rem;position:relative;margin:0.1rem 0 0.2rem 0;padding:0;background-image:url(../images/line4Bg.png);background-position:center center;background-size:100% 100%;}
.layerScorezd{height:0.96rem;position:absolute;top:0;left:4.3rem;font-size:0.3rem;line-height:0.96rem;color:#1b84d7;font-weight:bold;}
.txt3{display:block;width:100%;position:relative;margin:0;padding:0;}
.outGroup{width:1rem;height:auto;position:absolute;top:0.32rem;right:0.1rem;color:#cccccc;border:1px solid #86bce9;border-radius:0.2rem;text-align:center;line-height:0.3rem;overflow:hidden;font-size:0.2rem;}

.sharebtnzdbtn{display:block;width:2.74rem;height:auto;position:relative;margin:0.5rem auto;padding:0;}


.querenoutgroup{display:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background:rgba(0,0,0,0.6);}
.querenoutgroupbg{width:5.04rem;height:3.68rem;position:absolute;top:50%;left:50%;overflow:hidden;background:url(../images/outgroupbg.png) no-repeat center;background-size:100% 100%;overflow:hidden;transform:translate3d(-50%,-50%,0);}
.queyiyijue{width:1.8rem;height:0.7rem;position:absolute;bottom:0.5rem;left:0.7rem;}
.wozaixiangxiang{width:2rem;height:0.7rem;position:absolute;bottom:0.5rem;right:0.5rem;}

.sourceShareJoingroup{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;background:rgba(0,0,0,0.6);z-index:1100;}
.joinsharegroupbox{width:5.11rem;height:5.96rem;position:absolute;top:50%;left:50%;background:url(../images/sharejoingroupbg.png) no-repeat center;background-size:100% 100%;overflow:hidden;transform:translate3d(-50%,-50%,0);}

.joingroupUserheaderbox{width:1.2rem;height:1.2rem;position:absolute;overflow:hidden;border-radius:50%;background:#177cd5;border:2px solid #fafc3f;}
.joingroupUserheaderbox img{display:block;width:100%;height:100%;margin:0;paddin:0;}

.joingroupUserheader-1{top:3rem;left:0.6rem;}
.joingroupUserheader-2{top:3rem;left:1.9rem;}
.joingroupUserheader-3{top:3rem;left:3.2rem;}
.chenyuanname{width:100%;height:0.4rem;background:rgba(255,255,255,0.6);font-size:0.2rem;line-height:0.35rem;text-align:center;overflow:hidden;position:absolute;left:0;bottom:0;}
.closesharejoingroupbox{width:1rem;height:1rem;position:absolute;top:0;right:0;}
.querenjiarugroupbtn{width:2.9rem;height:0.9rem;position:absolute;bottom:0.55rem;left:1.1rem;}

.joinsharegroupsuccessbox{width:5.12rem;height:6.10rem;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:url(../images/joinGroupsuccessbg.png) no-repeat center center;background-size:100% 100%;}
.chakanmyzhandui{width:3.2rem;height:0.9rem;position:absolute;top:4.6rem;left:1rem;}

.repeatjoinsharegroupsuccessbox{width:4.89rem;height:4.3rem;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:url(../images/repeatJoin.png) no-repeat center center;background-size:100% 100%;}
.repeatJoinquerenbtn{width:2.7rem;height:0.9rem;position:absolute;bottom:0.3rem;left:1.1rem;}

.activeNotStartbox{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);overflow:hidden;z-index:1100;}
.activeNotStart{width:4.89rem;height:4.3rem;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:url(../images/ActivityNotSstartedbg.png) no-repeat center center;background-size:100% 100%;}
.activeNotStartChakangonggao{width:2.6rem;height:0.9rem;position:absolute;top:3rem;left:1.1rem;}



.endactivebox{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);overflow:hidden;z-index:1100;}
.endactive{width:4.89rem;height:4.3rem;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:url(../images/endaAtivity.png) no-repeat center center;background-size:100% 100%;}
.endactiveChakangonggao{width:2.6rem;height:0.9rem;position:absolute;top:3rem;left:1.1rem;}
.closeendactivebox{width:1rem;height:1rem;position:absolute;top:0;right:0;}

.phonereg{display: none;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);overflow:hidden;z-index:1100;transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);}
.phonereg-t1{width:100%;height:5.78rem;position:absolute;left:0;top: 30%;left:0;background:url(../images/phone-reg.png) no-repeat center center;
	background-size:100% 100%;transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);}
 
.phonereg-phone{display: block;
	transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);
    position: absolute;
    text-indent: 0.2rem;
    border: none;
    font-size: 0.3rem;
    color: #000000;}
.phonereg-code{
	display: block;
	transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);
    position: absolute;
    text-indent: 0.2rem;
    border: none;
    font-size: 0.3rem;
    color: #000000;
}
.phonereg-yzbtn{position: absolute;color:#0060b4;line-height:0.8rem;text-align:center;font-size:0.22rem;transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);}
input.hold1::-webkit-input-placeholder{ 
color: #999;
transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); 
-webkit-transition: color.5s; 
}
.phonereg-btn{position: absolute;
transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);
}

.userreg{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);overflow:hidden;z-index:1100;transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);}
.userreg-t1{transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);width:100%;height:10.06rem;position:absolute;left:0;top: 18%;left:0; background:url(../images/user-reg.png) no-repeat center center;background-size:100% 100%;}
.userreg-bg{width:100%;display:block;position:absolute;top:0;left:0;}
.userreg-phone{display: block;width: 4.4rem;height: 0.7rem;position: absolute;top: 2.1rem;left: 2.42rem;font-size: 0.3rem;color: #000000;text-align:right;}
.userreg-name{transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);
	display: block;position: absolute;border: none;font-size: 0.3rem;color: #000000;text-align:right;}
.userreg-yu{transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);display: block;width: 2.4rem;height: 0.7rem;position: absolute;top: 4.61rem;left: 4.42rem;border: none;font-size: 0.3rem;color: #000000;text-align:right;}
.userreg-yu2{transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);display: block;width: 2.4rem;height: 0.7rem;position: absolute;top: 6.01rem;left: 4.42rem;border: none;font-size: 0.3rem;color: #000000;text-align:right;}
.userreg-c1{transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);display: block;width: 0.59rem;position: absolute;top: 6.98rem;left: 0.48rem;}
.userreg-tiaokuan{transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);display: block;width: 3.2rem;height: .9rem;position: absolute;top: 6.98rem;left: 3.48rem;}
.userreg-btn{transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);display: block;width: 6.7rem;height: 1.7rem;position: absolute;top: 8.01rem;left: 0.42rem;}

.btnscale{
 transform-origin:center bottom;
 animation:btnscale 0.3s alternate;
 -webkit-animation:btnscale 0.3s alternate
 }
 
@keyframes btnscale{
 0%{
  transform:translate3d(-50%,-50%,0) scale(1,1); 
  }
 50%{
  transform:translate3d(-50%,-50%,0) scale(0.95,0.95); 
  }
 100%{
  transform:translate3d(-50%,-50%,0) scale(1,1); 
  }
 }
 
 @-webkit-keyframes btnscale{
  0%{
   transform:translate3d(-50%,-50%,0) scale(1,1); 
   }
  50%{
   transform: translate3d(-50%,-50%,0) scale(0.95,0.95); 
   }
  100%{
   transform:translate3d(-50%,-50%,0) scale(1,1); 
   }
  }
  
  
  .btnscale2{
   transform-origin:center bottom;
   animation:btnscale2 0.3s alternate;
   -webkit-animation:btnscale2 0.3s alternate
   }
   
  @keyframes btnscale2{
   0%{
    transform:scale(1,1); 
    }
   50%{
    transform:scale(0.95,0.95); 
    }
   100%{
    transform:scale(1,1); 
    }
   }
   
   @-webkit-keyframes btnscale2{
    0%{
     transform:scale(1,1); 
     }
    50%{
     transform: scale(0.95,0.95); 
     }
    100%{
     transform:scale(1,1); 
     }
    }
  

.weui-toast {
  position: fixed;
  z-index: 5000;
  width: 136px;
  height: 136px;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  text-align: center;
  border-radius: 12px;
  color: rgba(255,255,255,0.9);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-color: #4c4c4c;
  box-sizing: border-box;
  line-height: 1.4;
}
.weui-icon-warn {
  -webkit-mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E);
  mask-image: url(data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12%2022C6.477%2022%202%2017.523%202%2012S6.477%202%2012%202s10%204.477%2010%2010-4.477%2010-10%2010zm-.763-15.864l.11%207.596h1.305l.11-7.596h-1.525zm.759%2010.967c.512%200%20.902-.383.902-.882%200-.5-.39-.882-.902-.882a.878.878%200%2000-.896.882c0%20.499.396.882.896.882z%22%2F%3E%3C%2Fsvg%3E);
}
.weui-icon_toast.weui-icon-warn {
  color: rgba(255,255,255,0.9);
}
[class^="weui-icon-"],[class*=" weui-icon-"] {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  background-color: currentColor;
}
.weui-toast_text-more .weui-icon_toast {
  margin-bottom: 12px;
}
.weui-icon_toast {
  display: block;
  width: 40px;
  height: 40px;
  margin-bottom: 16px;
}
.weui-toast__content {font-size: 16px;padding: 0 12px;word-wrap: break-word;-webkit-hyphens: auto;hyphens: auto;}
.weui-toast_text-more .weui-toast__content {font-size: 14px;line-height: 1.6;}


